<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<link rel="shortcut icon" href="#" type="image/png">
		<title>高速公路交通监控系统</title>
		<!--icheck-->
		<link href="css/minimal.css" rel="stylesheet">
		<link href="css/square.css" rel="stylesheet">
		<link rel="stylesheet" href="css/traffic.css" />
		<!--<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">	
		<!--common-->
		<link href="css/style.css" rel="stylesheet">
		<link href="css/style-responsive.css" rel="stylesheet">
		<link rel="stylesheet" href="css/swiper.min.css" />
        <link href="css/sweetalert.css" rel="stylesheet" />
		<style>
			@media (max-width:1920px) {
				.map img{ width: 88%;}
			}
			@media (max-width:1680px) {
				.map img{ width: 86%;}
			}
			@media (max-width:1366px) {
				.map img{ width: 83%;}
			}
		</style>
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
  <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
	</head>

	<body class="sticky-header" ng-app="starter">
		<section class="section">
			<!--<div ng-include="'view/components/leftMenu.html'"></div>-->
			<!-- left side start-->
			<div class="left-side sticky-left-side left_position" >
				<!--logo and iconic logo start-->
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt=""></a>
				</div>
				<div class="logo-icon text-center">
					<a href="index.html"><img src="images/logo_icon.png" alt=""></a>
				</div>
				<!--logo and iconic logo end-->
				<div class="left-side-inner">
					<!-- visible to small devices only -->
					<div class="visible-xs hidden-sm hidden-md hidden-lg">
						<div class="media logged-user">
							<img alt="" src="images/user-avatar.png" class="media-object">

							<div class="media-body">

								<h4><a href="#">管理员</a></h4>

								<span>"Hello There..."</span>

							</div>

						</div>

						<h5 class="left-nav-title">Account Information</h5>

						<ul class="nav nav-pills nav-stacked custom-nav">

							<li>
								<a href="#"><i class="fa fa-user"></i> <span>Profile</span></a>
							</li>

							<li>
								<a href="#"><i class="fa fa-cog"></i> <span>Settings</span></a>
							</li>

							<li>
								<a href="#"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a>
							</li>

						</ul>

					</div>

					<!--sidebar nav start-->

					<ul class="nav nav-pills nav-stacked custom-nav">

						<li class="active">
							<a href="#/index"><i class="fa fa-home fa-lg" aria-hidden="true"></i> <span>首页</span></a>
						</li>
						<li class="menu-list">
							<a href=""><i class="fa fa-stack-exchange"></i><span>信息管理</span></a>

							<ul class="sub-menu-list">

								<li>
									<a href="#/infoentry">信息录入</a>
								</li>

								<li>
									<a href="#/infomaintain">信息维护</a>
								</li>

								<li>
									<a href="#/exceptionhand">异常事件处理</a>
								</li>
							</ul>

						</li>
						<li class="menu-list">
							<a href=""><i class="fa fa-road"></i> <span>道路预案</span></a>

							<ul class="sub-menu-list">

								<li>
									<a href="#/caseedit">预案编辑</a>
								</li>

								<li>
									<a href="#/casesearchresult">预案执行结果查询</a>
								</li>
							</ul>

						</li>
						<li class="menu-list">
							<a href=""><i class="fa fa-github-square"></i> <span>隧道预案</span></a>

							<ul class="sub-menu-list">
								<li>
									<a href="#/caseinfosearch">预案信息查询</a>
								</li>
							</ul>

						</li>
						<li class="menu-list">
							<a href=""><i class="fa fa fa-building-o"></i> <span>统计报表</span></a>

							<ul class="sub-menu-list">

								<li>
									<a href="#/logsearch">日志查询</a>
								</li>
								<li>
									<a href="#/logsheet">微波车监测日志表</a>
								</li>
								<li>
									<a href="#/infosearch">设备报警信息查询</a>
								</li>
								<li>
									<a href="#/timesearch">发布指令实时查询</a>
								</li>
								<li >
									<a href="#/vedetstatement">车辆检测器日\月\年报表</a>
								</li>
								<li>
									<a href="#/trafficstatment">交通调查站日\月\年报表</a>
								</li>
								<li>
									<a href="#/weatherstatement">气象检测器日\月\年报表</a>
								</li>
								<li >
									<a href="#/incidentstatement">事件统计日\月\年报表</a>
								</li>
								<li >
									<a href="#/analyzestatment">事件分析日\月\年报表</a>
								</li>
								<li >
									<a href="#/covistatment">COVI日\月\年报表</a>
								</li>
								<li>
									<a href="#/restrictedstatment">能见度日\月\年报表</a>
								</li>
								<li>
									<a href="#/lightstatment">光强日\月\年报表</a>
								</li>
							</ul>
						</li>

						<li class="menu-list">
							<a href=""><i class="fa fa fa-bar-chart-o"></i> <span>图表展示</span></a>

							<ul class="sub-menu-list">
								<li>
									<a href="#/distrigraph">微波车监测流量分布图</a>
								</li>
								<li>
									<a href="#/distrigraph">交调站分布图</a>
								</li>
								<li>
									<a href="#/weathergraph">气象检测器分布图</a>
								</li>
								<li>
									<a href="#/distrigraph">COVI分布图</a>
								</li>
								<li>
									<a href="#/distrigraph">能见度检测器分布图</a>
								</li>
								<li>
									<a href="#/distrigraph">光强分布图</a>
								</li>
								<li>
									<a href="#/distrigraph">风速风向检测器分布图</a>
								</li>

							</ul>

						</li>
						<li class="menu-list">
							<a href=""><i class="fa fa-user"></i> <span>人员管理</span></a>
							<ul class="sub-menu-list">
								<li>
									<a href="#/peoplemanagement">人员管理</a>
								</li>
							</ul>

						</li>

					</ul>

					<!--sidebar nav end-->

				</div>

			</div>
			<!-- left side end-->
			<!-- main content start-->
			<div class="main-content">
				<div ng-include="'view/components/header.html'"></div>
				<div ng-view></div>
			</div>
		</section>
		<!-- Placed js at the end of the document so the pages load faster -->
		<script src="js/jquery-1.10.2.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/modernizr.min.js"></script>
		<script src="js/jquery.nicescroll.js"></script>
		<script src="js/handlebars.min.js"></script>
		<!--common scripts for all pages-->
		<script src="js/scripts.js"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/traffic.js"></script>
		<!--my-->
		<script src="js/my/drag.js"></script>
		<!--<script src="js/my/index.js"></script>-->
        <script src="js/my/indexmap.js"></script>
        <script src="js/my/index.js"></script>
        <script src="js/sweetalert.min.js"></script>
		<script src="js/my/angular.min.js"></script>
		<script src="js/my/angular-route.js"></script>
		<script src="js/my/angular-drag.js"></script>
		<script src="js/my/app.js"></script>
		<script src="js/my/ctrl.js"></script>
		<script src="js/my/service.js"></script>
	</body>
</html>